@import 'global';

.main{

	.register{
		max-width: 500px;
		margin: 0 auto;
		text-align: center;
		background-color: $container-color;
		border-radius: 6px;
		padding: 10px;

		form{
			ul{
				li{
					list-style: none;
					text-align: left;
					margin: 15px 5px;

					label{
						width: 100%;
						display: block;
						text-align: left;
						margin: 5px 10px;
						color: black;
						font-weight: bolder;

						.error{
							color: red;
							margin-left: 5px;
						}
					}

					input{
						width: 250px;
						margin: 0 0 0 10px;
					}

					span.tips{
						color: gray;
						margin: 0 0 0 10px;
						display: inline-block;
						text-align: left;
						max-width: 180px;
						font-style: italic;
						font-size: $font-size-global - 1px;
					}

					label.error{
						// color: gray;
						margin: 0 0 0 10px;
						display: inline-block;
						text-align: left;
						max-width: 180px;
						color: red;
					}

					input.error{
						border: red 1px solid;
					}

					button{
						margin: 10px 0 0 0;
						max-width: 80px;
					}
				}

				li.submit{
					text-align: center;
				}
			}
		}
	}
}